<div class="left_col scroll-view">
    <div class="navbar nav_title" style="border: 0;">
        <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Hello World !</span></a>
    </div>

    <div class="clearfix"></div>

    <!-- menu profile quick info -->
    <div class="profile clearfix">
        <div class="profile_pic">
            <img name="userImage" th:src="${session.user.userImage}" alt="..." class="img-circle profile_img">
        </div>
        <div class="profile_info">
            <span>Welcome,</span>
            <h2>
                <!-- 通过shiro的凭证在页面获取用户信息 -->
                <span name="userName" shiro:principal property="userName"/>
            </h2>
        </div>
    </div>
    <!-- /menu profile quick info -->

    <br />

    <!-- sidebar menu -->
    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
        <div class="menu_section">
            <h3>General</h3>
            <ul class="nav side-menu">
                <li shiro:hasAnyRoles="admin,manager,staff">
                    <a href="/common/dashboard"><i class="fa fa-home"></i> Dashboard </a>
                </li>
                <li><a><i class="fa fa-user"></i> Account <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                        <li shiro:hasAnyRoles="admin,manager,staff">
                            <a href="/account/profile"> profile </a>
                        </li>
                        <li shiro:hasAnyRoles="admin,manager">
                            <a href="/account/userList"> userList </a>
                        </li>
                        <li shiro:hasAnyRoles="admin,manager">
                            <a href="/account/resourceList"> resourceList </a>
                        </li>
                        <li shiro:hasAnyRoles="admin,manager">
                            <a href="/account/roleList"> roleList </a>
                        </li>
                    </ul>
                </li>
                <li shiro:hasAnyRoles="admin,manager,staff">
                    <a> <i class="fa fa-money"></i> Pay <span class="fa fa-chevron-down"></span> </a>
                    <ul class="nav child_menu">
                        <li><a href="/pay/alipayIndex">Alipay Index</a></li>
                    </ul>
                </li>
                <li><a><i class="fa fa-leaf"></i> Test <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                        <li><a href="/test/thymeleafIndex">Thymeleaf Index</a></li>
                        <li><a href="/test/vueIndex">Vue Index</a></li>
                        <li><a href="/test/webSocketIndex">WebSocket Index</a></li>
                        <li><a>二级菜单<span class="fa fa-chevron-down"></span></a>
                            <ul class="nav child_menu">
                                <li class="sub_menu"><a href="level2.html">三级菜单</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- /sidebar menu -->

    <!-- /menu footer buttons -->
    <div class="sidebar-footer hidden-small">
        <a data-toggle="tooltip" data-placement="top" title="Settings">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="FullScreen">
            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Lock">
            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
        </a>
    </div>
    <!-- /menu footer buttons -->
</div>
</div>